<template>
    <div>
        <div>
            <van-nav-bar title="华为之路" left-text="" left-arrow @click-left="onClickLeft" />
        </div>
        <div class="lu">
            <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg9.doubanio.com%2Fview%2Fgroup_topic%2Fl%2Fpublic%2Fp476412505.jpg&refer=http%3A%2F%2Fimg9.doubanio.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1672406516&t=33f7edbfbb9be72b9a57d21dd2ea0b8b"
                alt="">
            <div>
                <ul>
                    <li>任正非的七种武器</li>
                    <li>初效钢 | 浙江</li>
                    <li>989787767667</li>
                    <li>
                        <p>￥16起 &emsp;<span>￥29.00</span></p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</template>

<script setup>
import { onMounted } from 'vue';
import { useRouter, useRoute } from 'vue-router';
import { gethot } from './api'
const route = useRoute()
const router = useRouter()
console.log(route.params.idbook, 'route')
const sethot = () => {
    gethot(route.params.idbook).then(res => {
        console.log(res, 're')
    })
}
const onClickLeft = () => history.back();
onMounted(() => {
    sethot()
})
</script>
<style lang="scss" scoped>
.lu {
    height: 150px;
    background-color: aqua;
    border-bottom: 1px solid #000;
    display: flex;
    align-items: center;

    img {
        width: 90px;
        height: 130px;
        border-radius: 5px;
        margin-left: 10px;

    }

    >div {
        ul {
            margin-left: 10px;
        }

        li:nth-of-type(1) {
            margin-top: 0;
            margin-bottom: 15px;
            font-size: 18px;
        }

        li {
            margin-top: 10px;

            p {
                color: rgb(185, 159, 126);

                span {
                    color: #c6c4c4;
                    text-decoration: line-through;
                }
            }
        }
    }
}

::v-deep .van-nav-bar .van-icon {
    color: #000;
    font-size: 18px;
}
</style>
